<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>iconfont</title>
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="/static/jquery.min.js"></script> 
  <style>
    .main .logo {
      margin-top: 0;
      height: auto;
    }

    .main .logo a {
      display: flex;
      align-items: center;
    }

    .main .logo .sub-title {
      margin-left: 0.5em;
      font-size: 22px;
      color: #fff;
      background: linear-gradient(-45deg, #3967FF, #B500FE);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  </style>
</head>
<body>
  <div class="main">
    <div class="tab-container">
	<div class="font-class">
        <ul class="icon_lists dib-box">
          <li class="dib">
            <span class="icon iconfont icon-gengduo1"></span>
            <div class="name">
              更多
            </div>
            <div class="code-name">icon-gengduo1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gengduo3"></span>
            <div class="name">
              更多
            </div>
            <div class="code-name">icon-gengduo3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gengduo"></span>
            <div class="name">
              更多
            </div>
            <div class="code-name">icon-gengduo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kaoshimoshi-"></span>
            <div class="name">
              考试模式
            </div>
            <div class="code-name">icon-kaoshimoshi-
            </div>
          </li>
          <li class="dib">
            <span class="icon iconfont icon-daochu"></span>
            <div class="name">
              导出</div>
            <div class="code-name">icon-daochu</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daoru"></span>
            <div class="name">
              导入</div>
            <div class="code-name">icon-daoru</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shangchuan"></span>
            <div class="name">
              上传</div>
            <div class="code-name">icon-shangchuan</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiazai"></span>
            <div class="name">
              下载</div>
            <div class="code-name">icon-xiazai</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weixin"></span>
            <div class="name">
              微信</div>
            <div class="code-name">icon-weixin</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-QQ"></span>
            <div class="name">
              QQ</div>
            <div class="code-name">icon-QQ</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-suozhu"></span>
            <div class="name">
              名称=锁定, 线面=off</div>
            <div class="code-name">icon-suozhu</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiesuo"></span>
            <div class="name">
              名称=开锁, 线面=off</div>
            <div class="code-name">icon-jiesuo</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-quanxian"></span>
            <div class="name">
              权限</div>
            <div class="code-name">icon-quanxian</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cuowu"></span>
            <div class="name">
              错误</div>
            <div class="code-name">icon-cuowu</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-charulianjie-"></span>
            <div class="name">
              插入链接-22</div>
            <div class="code-name">icon-charulianjie-</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shanchu"></span>
            <div class="name">
              删除</div>
            <div class="code-name">icon-shanchu</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chakanxiangqing"></span>
            <div class="name">
              查看详情</div>
            <div class="code-name">icon-chakanxiangqing</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xueshengyidong"></span>
            <div class="name">
              学生异动</div>
            <div class="code-name">icon-xueshengyidong</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-baokao"></span>
            <div class="name">
              报考</div>
            <div class="code-name">icon-baokao</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chengji"></span>
            <div class="name">
              成绩</div>
            <div class="code-name">icon-chengji</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yuejuan"></span>
            <div class="name">
              阅卷</div>
            <div class="code-name">icon-yuejuan</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kaoheshezhi"></span>
            <div class="name">
              考核设置</div>
            <div class="code-name">icon-kaoheshezhi</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lunwenguanli"></span>
            <div class="name">
              论文管理</div>
            <div class="code-name">icon-lunwenguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shenbao"></span>
            <div class="name">
              申报</div>
            <div class="code-name">icon-shenbao</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kecheng"></span>
            <div class="name">
              课程</div>
            <div class="code-name">icon-kecheng</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tiku"></span>
            <div class="name">
              题库</div>
            <div class="code-name">icon-tiku</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaowushezhi"></span>
            <div class="name">
              教务设置</div>
            <div class="code-name">icon-jiaowushezhi</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zidingyishezhi"></span>
            <div class="name">
              自定义设置</div>
            <div class="code-name">icon-zidingyishezhi</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chaojitongji"></span>
            <div class="name">
              超级统计</div>
            <div class="code-name">icon-chaojitongji</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhaoshengtongji"></span>
            <div class="name">
              招生统计</div>
            <div class="code-name">icon-zhaoshengtongji</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tuiguangtongji"></span>
            <div class="name">
              推广统计</div>
            <div class="code-name">icon-tuiguangtongji</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xuexitongji"></span>
            <div class="name">
              学习统计</div>
            <div class="code-name">icon-xuexitongji</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-diqushujutongji"></span>
            <div class="name">
              地区数据统计</div>
            <div class="code-name">icon-diqushujutongji</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujudaoru"></span>
            <div class="name">
              数据导入</div>
            <div class="code-name">icon-shujudaoru</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chengkaoguanli"></span>
            <div class="name">
              成考管理</div>
            <div class="code-name">icon-chengkaoguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yuanchengguanli"></span>
            <div class="name">
              远程管理</div>
            <div class="code-name">icon-yuanchengguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujiguanli"></span>
            <div class="name">
              书籍管理</div>
            <div class="code-name">icon-shujiguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guochengxingkaohe"></span>
            <div class="name">
              过程性考核</div>
            <div class="code-name">icon-guochengxingkaohe</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xuefenrending"></span>
            <div class="name">
              学分认定</div>
            <div class="code-name">icon-xuefenrending</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kechengdingdan"></span>
            <div class="name">
              课程订单</div>
            <div class="code-name">icon-kechengdingdan</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wentifankui"></span>
            <div class="name">
              问题反馈</div>
            <div class="code-name">icon-wentifankui</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zichan"></span>
            <div class="name">
              资产</div>
            <div class="code-name">icon-zichan</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-KPIguanli"></span>
            <div class="name">
              KPI管理</div>
            <div class="code-name">icon-KPIguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiangmuguanli"></span>
            <div class="name">
              项目管理</div>
            <div class="code-name">icon-xiangmuguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weixingongzhonghao"></span>
            <div class="name">
              微信公众号</div>
            <div class="code-name">icon-weixingongzhonghao</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-anquanshezhi"></span>
            <div class="name">
              安全设置</div>
            <div class="code-name">icon-anquanshezhi</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fuwuzhongxin"></span>
            <div class="name">
              服务中心</div>
            <div class="code-name">icon-fuwuzhongxin</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qiyefuwu"></span>
            <div class="name">
              企业服务</div>
            <div class="code-name">icon-qiyefuwu</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wangkefuwu"></span>
            <div class="name">
              网课服务</div>
            <div class="code-name">icon-wangkefuwu</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shoufeiguanli"></span>
            <div class="name">
              收费管理</div>
            <div class="code-name">icon-shoufeiguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-quanxianshezhi"></span>
            <div class="name">
              权限设置</div>
            <div class="code-name">icon-quanxianshezhi</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaowutongji"></span>
            <div class="name">
              教务统计</div>
            <div class="code-name">icon-jiaowutongji</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaoxuetongji"></span>
            <div class="name">
              教学统计</div>
            <div class="code-name">icon-jiaoxuetongji</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shoufeitongji"></span>
            <div class="name">
              收费统计</div>
            <div class="code-name">icon-shoufeitongji</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fuwutongji"></span>
            <div class="name">
              服务统计</div>
            <div class="code-name">icon-fuwutongji</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tongzhitongji"></span>
            <div class="name">
              通知统计</div>
            <div class="code-name">icon-tongzhitongji</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kaohetongji"></span>
            <div class="name">
              考核统计</div>
            <div class="code-name">icon-kaohetongji</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yonghuhuoyuedu"></span>
            <div class="name">
              用户活跃度</div>
            <div class="code-name">icon-yonghuhuoyuedu</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xueshengbaoming"></span>
            <div class="name">
              学生报名</div>
            <div class="code-name">icon-xueshengbaoming</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xueshengluqu"></span>
            <div class="name">
              学生录取</div>
            <div class="code-name">icon-xueshengluqu</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xueshengzhuce"></span>
            <div class="name">
              学生注册</div>
            <div class="code-name">icon-xueshengzhuce</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zaijixuesheng"></span>
            <div class="name">
              在籍学生</div>
            <div class="code-name">icon-zaijixuesheng</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-huamingce"></span>
            <div class="name">
              花名册</div>
            <div class="code-name">icon-huamingce</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fenleiguanli"></span>
            <div class="name">
              服务分类管理</div>
            <div class="code-name">icon-fenleiguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fuwuliebiao"></span>
            <div class="name">
              学生服务列表</div>
            <div class="code-name">icon-fuwuliebiao</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fenleiliebiao"></span>
            <div class="name">
              通知分类管理</div>
            <div class="code-name">icon-fenleiliebiao</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tongzhiliebiao"></span>
            <div class="name">
              通知列表</div>
            <div class="code-name">icon-tongzhiliebiao</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaoxuejihua"></span>
            <div class="name">
              教学计划</div>
            <div class="code-name">icon-jiaoxuejihua</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaoxueanpai"></span>
            <div class="name">
              教学安排</div>
            <div class="code-name">icon-jiaoxueanpai</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chengjiguanli"></span>
            <div class="name">
              成绩管理</div>
            <div class="code-name">icon-chengjiguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tupianguanli"></span>
            <div class="name">
              图片管理</div>
            <div class="code-name">icon-tupianguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kaoshijihua"></span>
            <div class="name">
              考试计划</div>
            <div class="code-name">icon-kaoshijihua</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kaoshipeizhi"></span>
            <div class="name">
              考试配置</div>
            <div class="code-name">icon-kaoshipeizhi</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xuexizhongxinguanli"></span>
            <div class="name">
              学习中心管理</div>
            <div class="code-name">icon-xuexizhongxinguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kaoheguanli"></span>
            <div class="name">
              考核管理</div>
            <div class="code-name">icon-kaoheguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaoshiguanli"></span>
            <div class="name">
              教师管理</div>
            <div class="code-name">icon-jiaoshiguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wangkeguanli"></span>
            <div class="name">
              网课管理</div>
            <div class="code-name">icon-wangkeguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bulujiesuan"></span>
            <div class="name">
              补录结算</div>
            <div class="code-name">icon-bulujiesuan</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-biyeguanli"></span>
            <div class="name">
              毕业管理</div>
            <div class="code-name">icon-biyeguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kaohezhibiao"></span>
            <div class="name">
              考核指标</div>
            <div class="code-name">icon-kaohezhibiao</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qiyeguanli"></span>
            <div class="name">
              企业管理</div>
            <div class="code-name">icon-qiyeguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chubuguanli"></span>
            <div class="name">
              初步管理</div>
            <div class="code-name">icon-chubuguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-hujiaobaobiao"></span>
            <div class="name">
              呼叫报表</div>
            <div class="code-name">icon-hujiaobaobiao</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-saomiaodianjing"></span>
            <div class="name">
              扫描电镜</div>
            <div class="code-name">icon-saomiaodianjing</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiezhang"></span>
            <div class="name">
              结账</div>
            <div class="code-name">icon-jiezhang</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiaoshoubaobiao"></span>
            <div class="name">
              销售报表</div>
            <div class="code-name">icon-xiaoshoubaobiao</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-pingzheng"></span>
            <div class="name">
              凭证</div>
            <div class="code-name">icon-pingzheng</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-hetongyidong"></span>
            <div class="name">
              合同异动</div>
            <div class="code-name">icon-hetongyidong</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiaoshoupin"></span>
            <div class="name">
              销售品</div>
            <div class="code-name">icon-xiaoshoupin</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xueshuguanli"></span>
            <div class="name">
              学术管理</div>
            <div class="code-name">icon-xueshuguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yihaopin"></span>
            <div class="name">
              易耗品</div>
            <div class="code-name">icon-yihaopin</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-renwuguanli"></span>
            <div class="name">
              任务管理</div>
            <div class="code-name">icon-renwuguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dianshang"></span>
            <div class="name">
              电商</div>
            <div class="code-name">icon-dianshang</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gudingzichan"></span>
            <div class="name">
              固定资产</div>
            <div class="code-name">icon-gudingzichan</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dongtaiguanli"></span>
            <div class="name">
              动态管理</div>
            <div class="code-name">icon-dongtaiguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jichupeizhi"></span>
            <div class="name">
              基础配置</div>
            <div class="code-name">icon-jichupeizhi</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dashuju"></span>
            <div class="name">
              大数据</div>
            <div class="code-name">icon-dashuju</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-hujiaoshezhi"></span>
            <div class="name">
              呼叫设置</div>
            <div class="code-name">icon-hujiaoshezhi</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fenxiaoshichang"></span>
            <div class="name">
              分销市场</div>
            <div class="code-name">icon-fenxiaoshichang</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chengjitongji"></span>
            <div class="name">
              成绩统计</div>
            <div class="code-name">icon-chengjitongji</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tuiguangshezhi"></span>
            <div class="name">
              推广设置</div>
            <div class="code-name">icon-tuiguangshezhi</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kechengzhongxin"></span>
            <div class="name">
              课程中心</div>
            <div class="code-name">icon-kechengzhongxin</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-hetongshezhi"></span>
            <div class="name">
              合同设置</div>
            <div class="code-name">icon-hetongshezhi</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kechengbaoguanli"></span>
            <div class="name">
              课程包管理</div>
            <div class="code-name">icon-kechengbaoguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yonghuguanli"></span>
            <div class="name">
              用户管理</div>
            <div class="code-name">icon-yonghuguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yonghuhuaxiang"></span>
            <div class="name">
              用户画像</div>
            <div class="code-name">icon-yonghuhuaxiang</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhanghaoguanli"></span>
            <div class="name">
              帐号管理</div>
            <div class="code-name">icon-zhanghaoguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-SEMguanli"></span>
            <div class="name">
              SEM管理</div>
            <div class="code-name">icon-SEMguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yusuan"></span>
            <div class="name">
              预算</div>
            <div class="code-name">icon-yusuan</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mingpianbaobiao"></span>
            <div class="name">
              名片报表</div>
            <div class="code-name">icon-mingpianbaobiao</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dingdanguanli"></span>
            <div class="name">
              订单管理</div>
            <div class="code-name">icon-dingdanguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tuiguangguanli"></span>
            <div class="name">
              推广管理</div>
            <div class="code-name">icon-tuiguangguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhuantiguanli"></span>
            <div class="name">
              专题管理</div>
            <div class="code-name">icon-zhuantiguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiaoshoushezhi"></span>
            <div class="name">
              销售设置</div>
            <div class="code-name">icon-xiaoshoushezhi</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sucaiguanli"></span>
            <div class="name">
              素材管理</div>
            <div class="code-name">icon-sucaiguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xueshengdaoru"></span>
            <div class="name">
              学生导入</div>
            <div class="code-name">icon-xueshengdaoru</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shangpinguanli"></span>
            <div class="name">
              商品管理</div>
            <div class="code-name">icon-shangpinguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-paikeguanli"></span>
            <div class="name">
              排课管理</div>
            <div class="code-name">icon-paikeguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xinxidaoru"></span>
            <div class="name">
              信息导入</div>
            <div class="code-name">icon-xinxidaoru</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shoufeipeizhi"></span>
            <div class="name">
              收费配置</div>
            <div class="code-name">icon-shoufeipeizhi</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yonghuquanxian"></span>
            <div class="name">
              用户权限</div>
            <div class="code-name">icon-yonghuquanxian</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zaijixueshengguanli"></span>
            <div class="name">
              在籍学生管理</div>
            <div class="code-name">icon-zaijixueshengguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xuehaoguanli"></span>
            <div class="name">
              学号管理</div>
            <div class="code-name">icon-xuehaoguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kechengziyuanguanli"></span>
            <div class="name">
              课程资源管理</div>
            <div class="code-name">icon-kechengziyuanguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mianshoujiaoxueanpai"></span>
            <div class="name">
              面授教学安排</div>
            <div class="code-name">icon-mianshoujiaoxueanpai</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhangfang"></span>
            <div class="name">
              账房</div>
            <div class="code-name">icon-zhangfang</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kaikeguanli"></span>
            <div class="name">
              开课管理</div>
            <div class="code-name">icon-kaikeguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-biyetongji"></span>
            <div class="name">
              毕业统计</div>
            <div class="code-name">icon-biyetongji</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhaoshengzhunbei"></span>
            <div class="name">
              招生准备</div>
            <div class="code-name">icon-zhaoshengzhunbei</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-paikeshezhi"></span>
            <div class="name">
              排课设置</div>
            <div class="code-name">icon-paikeshezhi</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-banjiguanli"></span>
            <div class="name">
              班级管理</div>
            <div class="code-name">icon-banjiguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jingpinketang"></span>
            <div class="name">
              精品课堂</div>
            <div class="code-name">icon-jingpinketang</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yuangongtidian"></span>
            <div class="name">
              员工提点</div>
            <div class="code-name">icon-yuangongtidian</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kaoshianpai"></span>
            <div class="name">
              考试安排</div>
            <div class="code-name">icon-kaoshianpai</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wangluojiaoxueanpai"></span>
            <div class="name">
              网络教学安排</div>
            <div class="code-name">icon-wangluojiaoxueanpai</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ruxuechengji"></span>
            <div class="name">
              入学成绩</div>
            <div class="code-name">icon-ruxuechengji</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mianshoujiaoxue"></span>
            <div class="name">
              面授教学</div>
            <div class="code-name">icon-mianshoujiaoxue</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaoshijiaoshiguanli"></span>
            <div class="name">
              教师教室管理</div>
            <div class="code-name">icon-jiaoshijiaoshiguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-luquguanli"></span>
            <div class="name">
              录取管理</div>
            <div class="code-name">icon-luquguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-luquchengji"></span>
            <div class="name">
              录取成绩</div>
            <div class="code-name">icon-luquchengji</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ziyuan"></span>
            <div class="name">
              资源</div>
            <div class="code-name">icon-ziyuan</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kejian"></span>
            <div class="name">
              课件</div>
            <div class="code-name">icon-kejian</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-waibukejian"></span>
            <div class="name">
              外部课件</div>
            <div class="code-name">icon-waibukejian</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-rizhiguanli"></span>
            <div class="name">
              日志管理</div>
            <div class="code-name">icon-rizhiguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mobanguanli"></span>
            <div class="name">
              模版管理</div>
            <div class="code-name">icon-mobanguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yiyichuli"></span>
            <div class="name">
              异议处理</div>
            <div class="code-name">icon-yiyichuli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lunwenshenbao"></span>
            <div class="name">
              论文申报</div>
            <div class="code-name">icon-lunwenshenbao</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lunwenshezhi"></span>
            <div class="name">
              论文设置</div>
            <div class="code-name">icon-lunwenshezhi</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaoxuedianshezhi"></span>
            <div class="name">
              教学点设置</div>
            <div class="code-name">icon-jiaoxuedianshezhi</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-buluchenjiang"></span>
            <div class="name">
              补录沉降</div>
            <div class="code-name">icon-buluchenjiang</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mokuaishezhi"></span>
            <div class="name">
              模块设置</div>
            <div class="code-name">icon-mokuaishezhi</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ziliaoguanli"></span>
            <div class="name">
              资料管理</div>
            <div class="code-name">icon-ziliaoguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jituanguanli"></span>
            <div class="name">
              集团管理</div>
            <div class="code-name">icon-jituanguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yingyongguanli"></span>
            <div class="name">
              应用管理</div>
            <div class="code-name">icon-yingyongguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guanwangshijuan"></span>
            <div class="name">
              官网试卷</div>
            <div class="code-name">icon-guanwangshijuan</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wodewangke"></span>
            <div class="name">
              我的网课</div>
            <div class="code-name">icon-wodewangke</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaobenguanli"></span>
            <div class="name">
              脚本管理</div>
            <div class="code-name">icon-jiaobenguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhuanyeguanliyuan"></span>
            <div class="name">
              专业管理员</div>
            <div class="code-name">icon-zhuanyeguanliyuan</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xueshengchengji"></span>
            <div class="name">
              学生成绩</div>
            <div class="code-name">icon-xueshengchengji</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fuwuguanli"></span>
            <div class="name">
              服务管理</div>
            <div class="code-name">icon-fuwuguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daijinquan"></span>
            <div class="name">
              代金券</div>
            <div class="code-name">icon-daijinquan</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yinjinshoufei"></span>
            <div class="name">
              引进收费</div>
            <div class="code-name">icon-yinjinshoufei</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yingjiaoqingdan"></span>
            <div class="name">
              应缴清单</div>
            <div class="code-name">icon-yingjiaoqingdan</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-duizhangdan"></span>
            <div class="name">
              对账单</div>
            <div class="code-name">icon-duizhangdan</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shangjiguanli"></span>
            <div class="name">
              商机管理</div>
            <div class="code-name">icon-shangjiguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qiyehuihuacundang"></span>
            <div class="name">
              企微会话存档</div>
            <div class="code-name">icon-qiyehuihuacundang</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yonghushezhi"></span>
            <div class="name">
              用户设置</div>
            <div class="code-name">icon-yonghushezhi</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiaoxishezhi"></span>
            <div class="name">
              消息设置</div>
            <div class="code-name">icon-xiaoxishezhi</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yingxiaoshezhi"></span>
            <div class="name">
              营销设置</div>
            <div class="code-name">icon-yingxiaoshezhi</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fuwushichang"></span>
            <div class="name">
              服务市场</div>
            <div class="code-name">icon-fuwushichang</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sucaiziyuan"></span>
            <div class="name">
              素材资源</div>
            <div class="code-name">icon-sucaiziyuan</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yingxiaowanfa"></span>
            <div class="name">
              营销玩法</div>
            <div class="code-name">icon-yingxiaowanfa</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tuiguang"></span>
            <div class="name">
              推广</div>
            <div class="code-name">icon-tuiguang</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yonghuliebiao"></span>
            <div class="name">
              用户列表</div>
            <div class="code-name">icon-yonghuliebiao</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ziyuanguanli"></span>
            <div class="name">
              资源管理</div>
            <div class="code-name">icon-ziyuanguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kechengguanli"></span>
            <div class="name">
              课程管理</div>
            <div class="code-name">icon-kechengguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kechengbao"></span>
            <div class="name">
              课程包</div>
            <div class="code-name">icon-kechengbao</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tikuguanli"></span>
            <div class="name">
              题库管理</div>
            <div class="code-name">icon-tikuguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wangkeshichang"></span>
            <div class="name">
              网课市场</div>
            <div class="code-name">icon-wangkeshichang</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongdan"></span>
            <div class="name">
              工单</div>
            <div class="code-name">icon-gongdan</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fangkeguanli"></span>
            <div class="name">
              访客管理</div>
            <div class="code-name">icon-fangkeguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiansuoguanli"></span>
            <div class="name">
              线索管理</div>
            <div class="code-name">icon-xiansuoguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kehuguanli"></span>
            <div class="name">
              客户管理</div>
            <div class="code-name">icon-kehuguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jituankehu"></span>
            <div class="name">
              集团客户</div>
            <div class="code-name">icon-jituankehu</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-genjinjilu"></span>
            <div class="name">
              跟进记录</div>
            <div class="code-name">icon-genjinjilu</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-hujiaoguanli"></span>
            <div class="name">
              呼叫管理</div>
            <div class="code-name">icon-hujiaoguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongzuotai"></span>
            <div class="name">
              工作台</div>
            <div class="code-name">icon-gongzuotai</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujubaobiao"></span>
            <div class="name">
              数据报表</div>
            <div class="code-name">icon-shujubaobiao</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fangkebaobiao"></span>
            <div class="name">
              访客报表</div>
            <div class="code-name">icon-fangkebaobiao</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhangbuguanli"></span>
            <div class="name">
              账簿管理</div>
            <div class="code-name">icon-zhangbuguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhangbuguanli_zi"></span>
            <div class="name">
              账簿管理_子系统</div>
            <div class="code-name">icon-zhangbuguanli_zi</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhangbuguanli_zixitong_A"></span>
            <div class="name">
              账簿管理_子系统</div>
            <div class="code-name">icon-zhangbuguanli_zixitong_A</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-hetongguanli"></span>
            <div class="name">
              合同管理</div>
            <div class="code-name">icon-hetongguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yunyingzheguanli"></span>
            <div class="name">
              运营者管理</div>
            <div class="code-name">icon-yunyingzheguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhaopinguanli"></span>
            <div class="name">
              招聘管理</div>
            <div class="code-name">icon-zhaopinguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongziguanli"></span>
            <div class="name">
              工资管理</div>
            <div class="code-name">icon-gongziguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wodeshenpi"></span>
            <div class="name">
              我的审批</div>
            <div class="code-name">icon-wodeshenpi</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-biaozhunmobanshezhi"></span>
            <div class="name">
              标准模版设置</div>
            <div class="code-name">icon-biaozhunmobanshezhi</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jichushezhi"></span>
            <div class="name">
              基础设置</div>
            <div class="code-name">icon-jichushezhi</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-caiwushezhi"></span>
            <div class="name">
              财务设置</div>
            <div class="code-name">icon-caiwushezhi</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chanpinshezhi"></span>
            <div class="name">
              产品设置</div>
            <div class="code-name">icon-chanpinshezhi</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shenpishezhi"></span>
            <div class="name">
              审批设置</div>
            <div class="code-name">icon-shenpishezhi</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mubiaoguanli"></span>
            <div class="name">
              目标管理</div>
            <div class="code-name">icon-mubiaoguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhandianshezhi"></span>
            <div class="name">
              站点设置</div>
            <div class="code-name">icon-zhandianshezhi</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-renshishezhi"></span>
            <div class="name">
              人事设置</div>
            <div class="code-name">icon-renshishezhi</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-CRMshezhi"></span>
            <div class="name">
              CRM设置</div>
            <div class="code-name">icon-CRMshezhi</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mingpianshezhi"></span>
            <div class="name">
              名片设置</div>
            <div class="code-name">icon-mingpianshezhi</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wangxiaoshezhi"></span>
            <div class="name">
              网校设置</div>
            <div class="code-name">icon-wangxiaoshezhi</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wodedianping"></span>
            <div class="name">
              我的点评</div>
            <div class="code-name">icon-wodedianping</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wodexuesheng"></span>
            <div class="name">
              我的学生</div>
            <div class="code-name">icon-wodexuesheng</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lianxijilu"></span>
            <div class="name">
              联系记录</div>
            <div class="code-name">icon-lianxijilu</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tousutiwen"></span>
            <div class="name">
              投诉提问</div>
            <div class="code-name">icon-tousutiwen</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-peixunjihua"></span>
            <div class="name">
              培训计划</div>
            <div class="code-name">icon-peixunjihua</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-feiyongchaxun"></span>
            <div class="name">
              费用查询</div>
            <div class="code-name">icon-feiyongchaxun</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaofei"></span>
            <div class="name">
              学生缴费</div>
            <div class="code-name">icon-jiaofei</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jizhang"></span>
            <div class="name">
              记账</div>
            <div class="code-name">icon-jizhang</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chaxun"></span>
            <div class="name">
              查账</div>
            <div class="code-name">icon-chaxun</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chazhang"></span>
            <div class="name">
              查账</div>
            <div class="code-name">icon-chazhang</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-baobiao"></span>
            <div class="name">
              报表</div>
            <div class="code-name">icon-baobiao</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shezhi"></span>
            <div class="name">
              设置</div>
            <div class="code-name">icon-shezhi</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daqiajilu"></span>
            <div class="name">
              招生报表</div>
            <div class="code-name">icon-daqiajilu</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wangluobanji"></span>
            <div class="name">
              打卡记录</div>
            <div class="code-name">icon-wangluobanji</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wangxiaoshezhi1"></span>
            <div class="name">
              网络班级</div>
            <div class="code-name">icon-wangxiaoshezhi1</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-houtaishezhi"></span>
            <div class="name">
              小程序</div>
            <div class="code-name">icon-houtaishezhi</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhaoshengshezhi"></span>
            <div class="name">
              后台设置</div>
            <div class="code-name">icon-zhaoshengshezhi</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiaoxizhongxin"></span>
            <div class="name">
              招生设置</div>
            <div class="code-name">icon-xiaoxizhongxin</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhaoshengbaobiao"></span>
            <div class="name">
              消息中心</div>
            <div class="code-name">icon-zhaoshengbaobiao</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-caidanguanli"></span>
            <div class="name">
              菜单管理</div>
            <div class="code-name">icon-caidanguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chuangjianxitong"></span>
            <div class="name">
              创建系统</div>
            <div class="code-name">icon-chuangjianxitong</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongdanguanli"></span>
            <div class="name">
              工单管理</div>
            <div class="code-name">icon-gongdanguanli</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-duanxin"></span>
            <div class="name">
              短信</div>
            <div class="code-name">icon-duanxin</div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bangzhuzhongxin"></span>
            <div class="name">
              帮助中心</div>
            <div class="code-name">icon-bangzhuzhongxin</div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
     
    </div>
  </div>

<script>
    $('.dib').on('click', function(){
		var iconclass = $(this).find('.code-name').text();
		var copied = copy(iconclass);
		if(copied){
			alert('已复制图标名称 '+ iconclass);
		}
    });
    function copy(text){
		var textarea = document.createElement('textarea');
		textarea.value = text;
		textarea.style.position = 'absolute';
		textarea.style.opacity = '0';
		document.body.appendChild(textarea);
		textarea.select();
		var copied = false;
		try{
			copied = document.execCommand('copy');
		}catch(err){
			console.log('error', err);
		}
		textarea.remove();
		return copied;
    }
</script>
</body>
</html>
